<template>
  <div class="cockpitHeader">
    <div class="cockpitHeaderLeft">
      <ul class="cockpitHeaderLeftList">
        <li class="cockpitHeaderLeftListLi">全国首创</li>
        <li class="cockpitHeaderLeftListLi">数据汇聚</li>
        <li class="cockpitHeaderLeftListLi">数智赋能</li>
        <li class="cockpitHeaderLeftListLi">审批增效</li>
        <li class="cockpitHeaderLeftListLi">投产提速</li>
      </ul>
    </div>
    <div class="cockpitHeaderTitle">
      <div class="cockpitHeaderTitle_small">
        <p>广州市黄埔区</p>
        <p>广州开发区</p>
      </div>
      <div class="cockpitHeaderTitle_big">场景式审批数据驾驶舱</div>
    </div>
    <div class="cockpitHeaderRight">
      <div class="cockpitHeaderRightDate">
        <p class="cockpitHeaderRightDateWeek">{{ nowTime.z }}</p>
        <p class="cockpitHeaderRightDateJT">{{ nowTime.nyr }}</p>
      </div>
      <div class="cockpitHeaderRightTime">
        {{ nowTime.sj }}
      </div>
    </div>
  </div>
</template>

<script>
import moment from "moment";
export default {
  data() {
    return {
      nowTime: {
        nyr: "",
        z: "",
        sj: "",
      },
    };
  },
  mounted() {
    // this.nowTime.nyr = moment().format("yyyy-MM-DD");
    // this.nowTime.z = moment().format("dddd");
    // this.nowTime.sj = moment().format("LTS");
    window.setInterval(() => {
      moment.locale("zh-cn");
      this.nowTime.nyr = moment().format("yyyy-MM-DD");
      this.nowTime.z = moment().format("dddd");
      this.nowTime.sj = moment().format("LTS");
    }, 1000);
  },
};
</script>

<style scoped>
</style>